<!doctype html>
<!--[if lt IE 7]> <html lang="en-us" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html lang="en-us" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html lang="en-us" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-us" class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title dir="ltr"></title>

  <meta name="viewport" content="width=device-width"/>  

  <link rel="stylesheet" href="<?= get_bloginfo('template_directory'); ?>/css/reset.css" />
  <link rel="stylesheet" href="<?= get_bloginfo('template_directory'); ?>/css/text.css" />
  <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<!--  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> -->

</head>
<body>

<div id="main_shell">

  <div id="header">

    <div id="header_logo">
      <a href="<?php bloginfo('url'); ?>">
        <img src="<?= get_bloginfo('template_directory'); ?>/img/stonebridge-homeowners-association.png" alt="Stonebridge Homeowners Association" />
      </a>
    </div><?php /*******| END OF HEADER_LOGO |*******/ ?>

    <div id="header_contact">

      <div id="header_text">
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Header Text") ) : ?><?php endif; ?>
      </div><?php /*******| END OF HEADER_TEXT |*******/ ?>

      <div id="header_locations">
        <p>Creekwood Village * Baybrook Village * Parkway Village</p>
      </div><?php /*******| END OF HEADER_LOCATIONS |*******/ ?>

    </div><?php /*******| END OF HEADER_CONTACT |*******/ ?>

  </div><?php /*******| END OF HEADER |*******/ ?>

    <div id="nav">
      <?php wp_nav_menu(); ?>
    </div><?php /*******| END OF NAV |*******/ ?>


  <div id="content">
    <div id="main">